<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <h:outputStylesheet name="css/default.css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>
            <ui:insert name="title">Default Title</ui:insert>
        </title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>

    <h:body>
        <div class="pos_header">
            <ui:insert name="header"> Header Part</ui:insert>
        </div>

        <div class="body_wrapper">
            <div class="pos_menu" id="pos_menu" style="height:400px;">
                <div id="pos_logo" >
                    <img src="resources/images/logo.png"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="categories" styleClass="pos_catagories" value="Categories"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="items" styleClass="pos_catagories" value="Items"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="vendors" styleClass="pos_catagories" value="Vendors"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="customers" styleClass="pos_catagories" value="Customers"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="users" styleClass="pos_catagories" value="Users"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="purchase" styleClass="pos_catagories" value="Purchase"/>
                </div>
                <div class="menu_items">
                    <h:link outcome="sales" styleClass="pos_catagories" value="Sales"/>
                </div>
            </div>

            <div class="body_content" id="pos_body_area" style="height:600px;">
                <ui:insert name="body"> Body Part </ui:insert>
            </div>
        </div>
        <!--
<div class="pos_footer">
<ui:insert name="footer">Default footer</ui:insert>
</div>
        -->
    </h:body>

</html>
